<template>
  <WelcomeItem>
    <template #icon>
      <DocumentationIcon />
    </template>
    <template #heading>vue基础理论</template>
    <a href="https://vuejs.org/" target="_blank" rel="noopener">vue3理论知识</a>
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <ToolingIcon />
    </template>
  
    <template #heading>vue3组件通信</template>
    <a href="https://vuejs.org/" target="_blank" rel="noopener">vue3组件通信</a>
  </WelcomeItem>

  <WelcomeItem>
    <template #icon>
      <EcosystemIcon />
    </template>
    <template #heading>vue2与3的区别对比</template>
    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">vue3与vue2区别对比</a>
  </WelcomeItem>
</template>


<script lang="ts">
import {defineComponent} from 'vue'
import WelcomeItem from './WelcomeItem.vue'
import DocumentationIcon from './icons/IconDocumentation.vue'
import ToolingIcon from './icons/IconTooling.vue'
import EcosystemIcon from './icons/IconEcosystem.vue'
export default defineComponent({
  components:{
    WelcomeItem,
    DocumentationIcon,
    ToolingIcon,
    EcosystemIcon,
  }
})
 
</script>